<!DOCTYPE HTML>
<html lang="es">
	<head>
		<title>Musica</title>
		<meta charset="UTF-8"/>
		<link rel="stylesheet" type="text/css" href="css/estilos.css">
	</head>
	<body>
		
			<header>
				<section id="cabeza">
					<img src="images/logo1.png">
				</section>
				
					<aside id="redes">
						<ul >
							<li><img src="images/facebook.png"></li>
							<li><img src="images/twitter.png"></li>
							<li><img src="images/google.png"></li>
							<li><img src="images/pinterest.png"></li>
							<li><img src="images/rss.png"></li>
						</ul>
					</aside>
					<aside  id="stay">
						<p>STAY CONNECTED</p>
					</aside>
			</header>
				<section id="menu1">
					<nav id="menu2">
						<ul>
							<li>HOME</li>
							<li>EVENTS</li>
							<li>AUDIO</li>
							<li>VIDEO</li>
							<li>PHOTO</li>
							<li>BLOG</li>
							<li>PAGES</li>
						</ul>
					</nav>
					<aside id="s">
						<ul>
							<li><input type="text" value="" name="s" id="s1" placeholder="Search..."></li>
							<li><img src="images/icon.png"></li>

						</ul>
					</aside>
				</section>
	
			<section id="imagenes">
				<img src="images/chica.png" >
			</section>
			<section id="contenido">
				<section id="menup">
					<aside id="dedo">
						<h2><img src="images/dedo.png">THE WHITE NIGHT</h2>
						<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis</p>
					</aside>
					<aside id="corazon">
						<h2><img src="images/corazon.png">TONS OF FANS</h2>
						<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis</p>
					</aside>
					<aside id="audio">
						<h2><img src="images/audio.png">BEST DJ'S EVER</h2>
						<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis</p>
					</aside>
				</section>
				<section id="asides">
					<section id="izq"> 
						<h2>LATEST ALBUMS</h2>
						<section class="t">
							<div class="barra"></div>
						</section>
						<section class="fotos">
							<div >
								<img src="images/cover2.png" id="dj">
								<ul id="botones">
									<li>BEATPORT</li>
									<li>AMAZON</li>
									<li>ITUNES</li>
								</ul>
							</div>
						</section>
					</section>
					<section id="med">
						<h2>AUDIO PLAYER</h2>
						<section class="t">
							<div class="barra"></div>
						</section>
						<section class="fotos">
							<div  id="play">
								<img src="images/play_on.png" >
								<div id="control"></div>
								<p id="ceros">0:00-0:00</p>
							</div>
							<ul id="lista">
								<li></li>
								<li>01. Adagio For Strings</li>
								<li>02. Bring The Noise</li>
								<li>03. L'Amour Toujours</li>
								<li>04. Mi Mujer</li>
								<li>05. Out Of Time</li>
								<li>06. Welcome To Ibiza</li>
							</ul>	
						</section>	
					</section>
					<section id="der">
						<h2>UPCOMING EVENTS</h2>
						<section class="t">
							<div class="barra"></div>
						</section>
						<section class="fotos">
							<ul>	
								<li >
									<aside class="jan">
										23 <br>
										<strong>Jan</strong><br>
										2013
									</aside>
									<aside >
										Magic Island Ibiza <br>
										<img src="images/venue-icon.png">
										Club Galaxy Center <br>
										<div id="buy" >Buy Tickets</div>
									</aside>
								</li>
								<li id="eventomedio">
									<aside class="jan">
										23 <br>
										<strong>Jan</strong><br>
										2013
									</aside>
									<aside >
										Magic Island Ibiza <br>
										<img src="images/venue-icon.png">
										Club Galaxy Center <br>
										<div href="#" class="sold" >Sold Out</div>
									</aside>
								</li>
								<li>
									<aside class="jan">
										23 <br>
										<strong>Jan</strong><br>
										2013
									</aside>
									<aside >
										Magic Island Ibiza <br>
										<img src="images/venue-icon.png">
										Club Galaxy Center <br>
										<div href="#" class="sold">Sold Out</div>
									</aside>
								</li>
							</ul>
						</section>
						
					</section>
					
				</section>
					<section id="partedos">
						<section id="blog">
							<h2>LATEST BLOG</h2>
							<section id="lineab">
								<div class="barra"></div>
							</section>
							<section id="unoparte">
								<img src="images/d1.png" class="img1">
								<aside class="bloog">
									<h3>Dreaming With Us All Night</h3>
									<img src="images/icon_author.png">
									<a href="">andreiwork</a>
									<img src="images/icon_date.png">
									Feb 19, 2013
									<img src="images/tag_icon.png">
									<a href="">Image</a>,
									<a href="">Post</a>
									<img src="images/icon_comments.png">
									<a href="">1</a>
									Consectetur adipisci. Belit, sed quia non numquam eius modi tempora incidunt, ut labore et...
									
								</aside>
							</section>
							<section id="dosparte">
								<img src="images/w1.png" class="img1">
								<aside class="bloog">
									<h3>Welcome To Our Great Site</h3>
									<img src="images/icon_author.png">
									<a href="">andreiwork</a>
									<img src="images/icon_date.png">
									Feb 19, 2013
									<img src="images/tag_icon.png">
									<a href="">Image</a>,
									<a href="">Post</a>
									<img src="images/icon_comments.png">
									<a href="">1</a>
									
									Consectetur adipisci. Belit, sed quia non numquam eius modi tempora incidunt, ut labore et...
									
								</aside>

							</section>
							<section id="tresparte">
								<img src="images/s1.png" class="img1">
								<aside class="bloog">
									<h3>Stereosonic Is Back Just For You</h3>
									<img src="images/icon_author.png">
									<a href="">andreiwork</a>
									<img src="images/icon_date.png">
									Feb 19, 2013
									<img src="images/tag_icon.png">
									<a href="">Image</a>,
									<a href="">Post</a>
									<img src="images/icon_comments.png">
									<a href="">1</a>
									
									Consectetur adipisci. Belit, sed quia non numquam eius modi tempora incidunt, ut labore et...
									
								</aside>
							</section>
							<section id="cuatroparte">
								<img src="images/c1.png" class="img1">
								<aside class="bloog">
									<h3>Club Galaxy White Night Show</h3>
									<img src="images/icon_author.png">
									<a href="">andreiwork</a>
									<img src="images/icon_date.png">
									Feb 19, 2013
									<img src="images/tag_icon.png">
									<a href="">Image</a>,
									<a href="">Post</a>
									<img src="images/icon_comments.png">
									<a href="">1</a>
									Consectetur adipisci. Belit, sed quia non numquam eius modi tempora incidunt, ut labore et...
									
								</aside>
							</section>
						</section>
						<section id="video">
							<h2>LATEST VIDEO</h2>
							<section id="lineav">
								<div class="barra"></div>
							</section>
							<aside id="chicas">
								<img src="images/video.png">
							</aside>
							<h2>SOUND CLOUD</h2>
							<section id="lineav">
								<div class="barra"></div>
							</section>
							<aside id="cloud">
								<img src="images/cloud.png">
							</aside>
						</section>	
					</section>			
				</section>
		<footer>
			<img src="images/footer-arrow.png">
			<aside id="fo">
				<aside id="pie1">
					<h2>ABOUT US</h2>
					Fusce suscipit varius mi. Cum sociis natoque penatibus 
					et magnis dis natoque penatibus et magnis. <br> <br>
					Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis 
					dis parturient montes, nascetur ridiculus. Nulla dui. Fusce montes...
				</aside>
				<aside id="pie2">
					<h2>LATEST POST</h2>
					<ul id="final">
						<li>Dreaming With Us All Night</li>
						<li>Welcome To Our Great Site</li>
						<li>Stereosonic Is Back Just For You</li>
						<li>Club Galaxy White Night Show</li>
						<li>This Is An Awesome Image Post</li>
					</ul>
				</aside>
				<aside id="pie3">
					<h2>FLICKR PHOTOS</h2>
					<img src="images/1.jpg" class="imgfo"><img src="images/2.jpg" class="imgfo">
					<img src="images/3.jpg" class="imgfo"><img src="images/4.jpg" class="imgfo">
					<img src="images/5.jpg" class="imgfo"><img src="images/6.jpg" class="imgfo">
				</aside>
			</aside>
		</footer>
	</body>

</html>
